<template>
		<view class="login_bg">
			<view class="like_top">
				<view class="back">
					<view class="back_img" @click="dongtai()"><image src="../../static/images/left.png" mode="widthFix"></image></view>
				</view>
				<view class="like">动态详情</view>
				<view class="cz_more" @click="toggle('bottom')">...</view>
			</view>
			
		<view>
			<uni-popup ref="popup" :type="type" :animation="false" :maskClick="true" @change="change" >
			            <view class="aitlce">
			               <p class="more_cz">更多操作</p>
						   <view class="lahei">
							   <view class="lahei_01">拉黑</view>
							   <view class="lahei_01">举报</view>
						   </view>
						   <view class="qxcz" @click="close">
							   <p class="lahei_02">取消</p>
						   </view>
			            </view>
			</uni-popup>
		</view>
			
			<view class="dongtai_article_pic">
				<view class="dongtai_article_pic_img"><image src="../../static/images/w270_h270_qm.png" mode="widthFix"></image></view>
				<view class="dongtai_article_pic_name">
					<view class="dongtai_article_pic_namee">
						<p class="dongtai_article_pic_nameee">小野猫</p>
						<view class="dongtai_article_pic_name_sex"><image src="../../static/images/icon_girl-7cf09ca4.png" mode="widthFix"></image></view>
					</view>
					<view class="renz"><image src="../../static/images/ico.png" mode="widthFix"></image></view>
				</view>
			</view>
			<view class="jieshao">
				<p>大家好，我是小野猫</p>
			</view>
			<view class="jieshao_pic">
				<view class="jieshao_pic_img">
					<image src="../../static/images/1.png" mode="widthFix"></image>
				</view>
				<view class="jieshao_pic_img">
					<image src="../../static/images/2.png" mode="widthFix"></image>
				</view>
				<view class="jieshao_pic_img">
					<image src="../../static/images/1.png" mode="widthFix"></image>
				</view>
			</view>
			<view class="time_city">
				<view class="time_city_left">
					<view class="time_city_left_time"><image src="../../static/images/icon_time-6b856ff4.png" mode="widthFix"></image></view>
					<view class="time_city_left_times">
						<p class="time_city_left_timee">18分钟前</p>
						<!-- <p class="shuxian">|</p> -->
						<p class="time_city_left_city">苏州市</p>
					</view>
				</view>
				<view class="time_city_right">
					<view class="time_city_right_zan"><image src="../../static/images/icon_ZAN-8829f78a.png" mode="widthFix"></image></view>
					<view class="zan"><p>赞</p></view>
				</view>
			</view>
		</view>
</template>

<script>
export default {
    data() {
        return {
            type: 'bottom',
			isPopupShow: false
        };
    },
    methods: {
		dongtai(){
			uni.navigateTo({
				url:'/pages/dongtai/dongtai'
			})
		},
        toggle(type) {
            this.type = type;
            this.$refs['popup'].open();
        },
		close(type){
			this.$refs.popup.close()
		},
    }
};
</script>
<style>
  @import "../../static/css/dongtai_article.css";
</style>
